/* 全局变量 start */

$color: blue;
$fs12: 0.24rem;
$fs14: 0.28rem;
$bgf5: #f5f5f5;
/* 全局变量 end */

/* 全局混入 start */
@mixin webkit($attr, $value) {
  -webkit-#{$attr}: $value;
  -moz-#{$attr}: $value;
  -ms-#{$attr}: $value;
  -o-#{$attr}: $value;
  #{$attr}: $value;
}

@mixin bgImgCover($bgImgSrc) {
  background-image: url('#{$bgImgSrc}');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@mixin wh100() {
  width: 100%;
  height: 100%;
}
@mixin header-top($top: 0.5rem) {
  padding-top: $top;
}
@mixin flex-column {
  display: flex;
  flex-direction: column;
}
@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
@mixin top-page {
  @include wh100();
  @include flex-column;
}
/* 全局混入 end */

/* 全局继承 start */

%wh100 {
  width: 100%;
  height: 100%;
}
/* 全局继承 end */
